<!-- START row-->
<div class="row">
  <div class="col-lg-12">
    <!-- START panel-->
    <div class="left-head">
        <!-- 文件功能 -->
        <div class="btn-group btn-group-sm kod_path_tool">
          <div class="logo">
            <img src="http://7xi6l3.com1.z0.glb.clouddn.com/logo2.png">
          </div>
          <div class="input-group search-btn datasearch">
             <input type="text" placeholder="输入资源名前缀匹配" class="form-control input-sm seaript">
             <span class="input-group-btn">
                <button type="submit" class="btn btn-default btn-sm searbtn"><i class="fa fa-search"></i>
                </button>
             </span>
          </div>
          <div class="searight" ng-controller="SeniorController">
            <button type="button" class="btn btn-primary btn-lg" ng-click="openSenior()">高级搜索</button>
          </div>
        </div>
    </div>
    <div class="col-lg-12">
      <div class="sidemenulist col-lg-2">
        <!--  顶部    start-->
        <div class="yHeader" ng-controller="SideController">
          <!-- 导航   start  -->
          <div class="yNavIndex">
            <div class="pullDown">
              <h2 class="pullDownTitle">
                基因组数据详细分类
              </h2>
              <div class="pullDownBody">
                <ul class="pullDownList" ng-controller="SideController" ng-repeat="side in sides">
                  <li class="menuliselect ">
                    <a href="#/app-h/dataList/" title="{{side.name}}" target="_blank">{{side.name}}
                  </li>
                </ul>
              </div>
              <!-- 下拉详细列表具体分类 -->
              <div class="yMenuListCon">
                <div class="yMenuListConin">
                  <div class="yMenuLCinList" ng-controller="SideController">
                    <div class="item-channels">
                      <div class="channels">
                        <a href="" target="_blank" ng-repeat="project in projects">{{project.name}}<i>&gt;</i></a>
                      </div>
                    </div>
                    <div class="subitems">
                      <dl class="fore1">
                        <dt>
                          <a href="" target="_blank">详细分类<i>&gt;</i></a>
                        </dt>
                        <dd>
                          <a href="" target="_blank" ng-repeat="type in types"> {{type.name}}</a>
                        </dd>
                      </dl>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          <!-- 导航   end  -->
          </div>
        <!--  顶部    end-->
        </div>
        <!-- banner   start -->
        <div class="yBanner">
          <div class="yBannerList">
            <div class="yBannerListIn">
              <a href="">
                <span class="ytextBanner" style="opacity:1;">
                </span>
              </a>
              <div class="yBannerListInRight">
                <a href="">
                  <img src="images/BR2.png"/>
                </a>
                <b class="yimaginaryLine"></b>
                <a href="">
                  <img src="images/BR2.png"/>
                </a>
              </div>
            </div>
          </div>
        </div>
        <!-- banner   end -->
      </div>
      <div class="tb-nav">
      <div class="nav" ng-controller="TabController">
        <ul class="nav-hd">
          <li ng-repeat="tab in tabs">
            <a ui-sref="app-h.dataList({typeName: tab.eh})" id="{{tab.eh}}" name="studies">{{tab.ch}}（{{tab.eh}}）</a>
          </li>
        </ul>
      </div>
      </div>
      <div ng-controller="CarouselDemoCtrl" animate-enabled="false" class="col-lg-6 listside">
        <div>
          <carousel interval="myInterval">
             <slide ng-repeat="slide in slides" active="slide.active">
                <img ng-src="{{slide.image}}" style="margin: auto;" alt="" />
             </slide>
          </carousel>
        </div>
      </div>
      <div class="col-lg-3 list-panel">
        <!-- START panel-->
        <div id="panelDemo14">
          <tabset>
             <tab heading="生物分类">生物分类是研究生物的一种基本方法。生物分类主要是根据生物的相似程度（包括形态结构和生理功能等），把生物划分为种和属等不同的等级，并对每一类群的形态结构和生理功能等特征进行科学的描述，以弄清不同类群之间的亲缘关系和进化关系。</tab>
             <tab heading="生物分类">生物分类是研究生物的一种基本方法。生物分类主要是根据生物的相似程度（包括形态结构和生理功能等），把生物划分为种和属等不同的等级，并对每一类群的形态结构和生理功能等特征进行科学的描述，以弄清不同类群之间的亲缘关系和进化关系。</tab>
             <tab heading="生物分类">生物分类是研究生物的一种基本方法。生物分类主要是根据生物的相似程度（包括形态结构和生理功能等），把生物划分为种和属等不同的等级，并对每一类群的形态结构和生理功能等特征进行科学的描述，以弄清不同类群之间的亲缘关系和进化关系。</tab>
             <tab heading="生物分类">生物分类是研究生物的一种基本方法。生物分类主要是根据生物的相似程度（包括形态结构和生理功能等），把生物划分为种和属等不同的等级，并对每一类群的形态结构和生理功能等特征进行科学的描述，以弄清不同类群之间的亲缘关系和进化关系。</tab>
          </tabset>
        </div>
        <!-- END panel-->
     </div>
    </div>
    <div class="col-lg-8 list-bottom">
      <div class="col-lg-12">
        <div class="con newshare"><span class="">最</span>新分享
          <a href="#/app-h/dataList/" class="signup">更多</a>
        </div>
        <div ng-controller="MasonryDeckController">
          <div class="photo col-lg-3" ng-repeat="card in cards | limitTo: 4">
            <div class="photo-wrapper">
              <img src="" data-ng-src="{{card.src}}" data-imageloaded="" data-loadedclass="photoloaded" class="img-responsive" />
              <div class="photo-loader">
                <div class="sk-spinner sk-spinner-rotating-plane"></div>
              </div>
            </div>
            <div class="photo-description">
              <div ng-controller="RatingDemoCtrl" class="ratingdemo">
                <h4><a ui-sref="app-h.detail({projectName: card.name })">{{ card.name }}</a></h4>
                <div class="siteCardFBox">
                  <div class="siteCardFLabelBox siteIlB_box">
                    <em class="icon-tag"></em>{{card.type}}
                  </div>
                  <div>
                    <rating ng-model="rate" max="max" readonly="isReadonly" on-hover="hoveringOver(value)" on-leave="overStar = null" state-on="'fa fa-star text-yellow'" state-off="'fa fa-star-o'"></rating>
                    <span class="label">{{card.love}}</span>
                    <em class="icon-envelope"></em>
                    <span class="label">{{card.comment}}</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-12">
        <div class="con newshare"><span class="">热</span>评项目
          <a href="#/app-h/dataList/" class="signup">更多</a>
        </div>
        <div ng-controller="MasonryDeckController">
          <div class="photo col-lg-3" ng-repeat="card in cards | limitTo: 4">
            <div class="photo-wrapper">
              <img src="" data-ng-src="{{card.src}}" data-imageloaded="" data-loadedclass="photoloaded" class="img-responsive" />
              <div class="photo-loader">
                <div class="sk-spinner sk-spinner-rotating-plane"></div>
              </div>
            </div>
            <div class="photo-description">
              <div ng-controller="RatingDemoCtrl" class="ratingdemo">
                <h4><a ui-sref="app-h.detail({projectName: card.name })">{{ card.name }}</a></h4>
                <div class="siteCardFBox">
                  <div class="siteCardFLabelBox siteIlB_box">
                    <em class="icon-tag"></em>{{card.type}}
                  </div>
                  <div>
                    <rating ng-model="rate" max="max" readonly="isReadonly" on-hover="hoveringOver(value)" on-leave="overStar = null" state-on="'fa fa-star text-yellow'" state-off="'fa fa-star-o'"></rating>
                    <span class="label">{{card.love}}</span>
                    <em class="icon-envelope"></em>
                    <span class="label">{{card.comment}}</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-lg-3 sortlist">
      <div class="sort-head">
        <div class="panel-title">下载排行</div>
        <a href="#/app-h/dataList/" class="signup">更多 ></a>
      </div>
      <!-- START list group-->
      <div height="380" ng-controller="TopDemoCtrl"class="list-group">
        <!-- START list group item-->
        <div class="media-box sort-box" ng-repeat="top in tops | limitTo: 10">
          <div class="pull-left">
            <span class="num">{{top.id}}</span>
            <img ng-src="{{top.src}}" alt="Image" class="media-box-object img-circle thumb32" />
          </div>
          <div class="media-box-body clearfix">
            <strong class="media-box-heading text-primary">
              <span class="circle circle-success circle-lg text-left"></span>
              <a ui-sref="app-h.detail({projectName: top.name})">{{top.name}}</a>
            </strong>
          </div>
        </div>
        <!-- END list group item-->
      </div>
      <!-- END list group-->
    </div>
  </div>
</div>
<div class="searight" ng-controller="SeniorController">
  <script type="text/ng-template" id="/myModalSenior.html">
    <div class="modal-header" drag-handle>
      <button type="button" data-dismiss="modal" aria-hidden="true" ng-click="cancel()" class="close">×</button>
      <h4 id="myModalLabel" class="modal-title">高级搜索</h4>
    </div>
    <div class="modal-body" ng-controller="DatatableController">
      <div class="form-group">
        <p class="m0">组织机构</p>
        <ui-select ng-model="organism.selected" theme="bootstrap" ng-disabled="disabled" class="text-left">
          <ui-select-match placeholder="请选择组织机构或者输入机构关键字">{{$select.selected.Name}}</ui-select-match>
          <ui-select-choices repeat="organism in organisms | filter: $select.search">
            <span ng-bind-html="organism.Name | highlight: $select.search"></span>
          </ui-select-choices>
        </ui-select>
        <div class="text-sm text-muted mt-sm">{{organism.selected.name}}</div>
        <p class="m0">类型</p>
        <ui-select ng-model="type.selected" theme="bootstrap" ng-disabled="disabled" class="text-left">
          <ui-select-match placeholder="请选择类型或者输入类型关键字">{{$select.selected.Name}}</ui-select-match>
          <ui-select-choices repeat="type in types | filter: $select.search">
            <span ng-bind-html="type.Name | highlight: $select.search"></span>
          </ui-select-choices>
        </ui-select>
        <div class="text-sm text-muted mt-sm">{{type.selected.name}}</div>
        <p class="m0">作者</p>
        <ui-select ng-model="submitter.selected" theme="bootstrap" ng-disabled="disabled" class="text-left">
          <ui-select-match placeholder="请选择作者或者输入作者关键字">{{$select.selected.Email}}</ui-select-match>
          <ui-select-choices repeat="submitter in users | filter: $select.search">
            <span ng-bind-html="submitter.Email | highlight: $select.search"></span>
          </ui-select-choices>
        </ui-select>
        <div class="text-sm text-muted mt-sm">{{submitter.selected.name}}</div>
        <p class="m0">仪器</p>
        <ui-select ng-model="instrument.selected" theme="bootstrap" ng-disabled="disabled" class="text-left">
          <ui-select-match placeholder="请选择仪器或者输入仪器关键字">{{$select.selected.Name}}</ui-select-match>
          <ui-select-choices repeat="instrument in instruments | filter: $select.search">
            <span ng-bind-html="instrument.Name | highlight: $select.search"></span>
          </ui-select-choices>
        </ui-select>
        <div class="text-sm text-muted mt-sm">{{instrument.selected.name}}</div>
      </div>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-primary btn-lg"><i class="fa fa-search"></i>搜索</button>
    </div>
  </script>
</div>